.city_input_row {
  display: flex;
  height: 100%;
  .city_input {
    display: flex;
    flex: 1;
    border-radius: 5px;
    background-color: #fff;
    padding: 5px 5px 5px 8px;
    margin: 0 10px;
    .city_name {
      width: 50px;
      display: flex;
      justify-content: center;
      align-items: center;
      position: relative;
      &::after {
        content: "";
        width: 0;
        height: 0;
        border: 4px solid transparent;
        border-top-color: #000;
        position: absolute;
        right: 0;
        bottom: 6px;
      }
    }
    .city_search {
      display: flex;
      flex: 1;
      align-items: center;
      &::before {
        content: "";
        width: 1px;
        height: 60%;
        background-color: #ccc;
        margin-left: 10px;
      }
      .city_input_icon_search {
        padding: 0 10px;
      }
    }
  }
  &_icon {
    width: 45px;
    display: flex;
    justify-content: center;
    align-items: center;
    .city_input_icon_map {
      font-size: 25px;
      color: #fff;
    }
  }
}
